<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>webMain</title>
<link href="css/othMain.css" rel="stylesheet" />

<style>
/*우측 메뉴바*/
#webBtn{
	background:url("images/test_web.jpg");
}

#offBtn{
	background:url("images/test_off.jpg");
}

/*컨텐츠영역(타일형식)*/
.contents {
	height: 880px;
	font-family:나눔바른고딕;
}

.contents li {
	float: left;
	margin-left: 16px;
}

.cList {
	margin-left: -40px;
}
.event{
	text-align:center;
	border:2px solid blue;
	height:200px;
}
.player{
	text-align:center;
	border:2px solid blue;
	height:400px;
}
.playList{
text-align:center;
	border:2px solid blue;
	height:270px;
}
</style>
</head>
<body>
	<!-- header -->
	<div class="header">
		<div class="mainLogo">
			<a href="main.jsp"><img src="images/test_logo.jpg" alt="pjlogo" /></a>
		</div>
		<div class="topMenu">
			<ul class="menu">
				<li id="sing"><a href="#">SING</a> <!-- <ul>
						<li>노래방소개</li>
						<li>노래방</li>
						</ul> --></li>
				<li id="newsong"><a href="#">SONG</a> <!-- <ul>
							<li>인기곡</li>
							<li>최신곡</li>
						</ul> --></li>
				<li id="contest"><a href="#">CONTEST</a> <!-- <ul>
							<li>랭킹</li>
							<li>뽐내기</li>
						</ul> --></li>
				<li id="notice"><a href="#">NOTICE</a> <!-- <ul>
						<li>공지사항</li>
						<li>Q&A</li>
						</ul> --></li>
			</ul>
		</div>
		<div class="loginMenu">
			<ul class="infoMenu">
				<li>MyPage</li>
				<li>회원가입 /</li>
				<li style="disabled: disabled;">로그인 /</li>
			</ul>
		</div>
		<div class="menuButton">
			<button id="webBtn" type="button">
			<span></span>
			</button>
			<button id="offBtn" type="button">
			<span></span>
			</button>
		</div>
	</div>
	<!-- contents -->
	<div class="contents">
		<div class="event"><h3>EVENT</h3></div>
		<div class="player"><h3>PLAYER</h3></div>
		<div class="playList"><h3>LIST</h3></div>
	</div>
	<!-- footer -->
	<!-- 각 메뉴 누르면 안내창 뜨게끔  -->
	<div class="footer">
		<div class="footerLogo"><img src="images/test_logo.jpg"/></div>
		<div class="footerMenu">
			<ul id="policy">
				<li>회사소개 /</li>
				<li>이용약관 /</li>
				<li>개인정보처리방침 /</li>
				<li>법적고지 /</li>
				<li>이메일무단수집거부</li>
			</ul>
				<span class="addr">주소: 서울시 구로구 구로중앙로 34길 33-4 / </span>
				<span class="tel">전화: 02-1234-1234 / </span>
				<span class="email">E-MAIL:sing@email.com</span><p></p>
		<span class="footerCopyright">Copyright AteamProject. All Right
			Reserved</span>
	</div>
	</div>

	<script src="js/jquery-1.11.1.min.js"></script>
	<script src="js/project.js"></script>
</body>
</html>